/*
 *  Created by Edward on 16/05/03
 *  Copyright (c) 2016 shuwon.com All rights reserved
*/

@charset "utf-8";
* { margin: 0; padding: 0; }
body, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; outline: none; }
body, button, input, select, textarea { font: 14px '\5FAE\8EDF\6B63\9ED1\9AD4', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif; outline: none; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #3E3E3E; }
a:hover{ color: #60b768;}
html,body{width: 98%;height: auto; margin: 0px 1%;padding: 0; font-size:14px;background: #FFFFFF;color: #3e3e3e;}
.clearfix { clear: both; overflow-x: hidden; }
img { border: 0px; filter: alpha(opacity=100); }
.animate { -webkit-transition-duration: .5s; transition-duration: .5s; -moz-transition-duration: .5s; }
.animate1 { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -moz-transition-duration: 0.8s; }
::selection{background: #60b768; color: #fff;} ::-moz-selection{background: #60b768; color: #fff;}


/**********Home********************/
.container{ width: 100%; height: auto; position: relative;}
#header{ width: 100%; height: 60px; position:relative; background:#fff; z-index: 100;}
#header h1{ width: 130px; height: 130px; position: absolute; left: -15px; top: 15px;}
#nav{ width: 900px; height: 100%; position: absolute; right: 0px; top: 0px;}
#nav ul{ width: 100%; height: 100%;}
#nav ul li{ width: 12.5%; height: 100%; float: left; position: relative; overflow: hidden; font-size: 16px;}
#nav ul li a{ display: block; width: 100%; height: 100%;position: relative; text-align: center; position: relative;}
#nav ul li a strong{ width: 100%; height: 25px; line-height: 25px; position: absolute; top: 50%; margin-top: -15px; left: 0px; -webkit-transition-duration:.5s;transition-duration:.5s; -moz-transition-duration:.5s;}
#nav ul li a p{ width: 100%; height: 20px; line-height: 20px; position: absolute; top: 50%; left: 0px; font-size: 12px; text-transform: uppercase; margin-top: 5px; opacity: .5; -webkit-transition-duration:.5s;transition-duration:.5s; -moz-transition-duration:.5s;}
#nav ul li a span{ width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #60b768; position: absolute; left: 50%; margin-left: -6px; bottom: 0px; display: block; filter:alpha(opacity=0); opacity: 0; -webkit-transition-duration:.5s;transition-duration:.5s; -moz-transition-duration:.5s; bottom: -6px;}
#nav ul li:hover span,#nav ul li.cur span{ 
	filter:alpha(opacity=100); 
	opacity: 1; 
	bottom: 0px;
}
#nav ul li:hover strong{ 
	margin-top: -20px;
}
#nav ul li:hover a,#nav ul li.cur a{ 
	color: #60b768;
}
#nav ul li:hover p{ 
	margin-top: 0px;
}
.opening{ 
	height:100%; 
	width:100%; 
	position:absolute; 
	left:0; 
	top:0; 
	background:#60b768;
	-webkit-animation:opening 3000ms 1 forwards;
	-moz-animation:opening 3000ms 1 forwards;
	animation:opening 3000ms 1 forwards;
}
@-webkit-keyframes  opening{
	0%,20%{ left:0;}
	100%{ left:-200%;}
}
@-moz-keyframes  opening{
	0%,20%{ left:0;}
	100%{ left:-200%;}
}
@keyframes  opening{
	0%,20%{ left:0;}
	100%{ left:-200%;}
}
.openingImg{ 
	width:100%; 
	height:100%; 
	background-size:cover; 
	position:absolute; 
	left:100%; 
	overflow:hidden;
}
.banner{ 
	width: 100%; 
	height: 600px; 
	position: relative;
	overflow: hidden;
}
.banner ul{ 
	width: 100%; 
	height: 100%; 
	position: relative;
}
.banner ul li{ 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	background:url(../resources/banner1.jpg) center top no-repeat;
	z-index: 0;
	opacity: 0;
}
.banner ul li .t1,.banner ul li .t2{ 
	width: 480px; 
	height: 80px; 
	position: absolute; 
	left: 50%; 
	top: 600px; 
	margin-left: -550px;
	opacity: 0;
	
}
.banner ul li.active{
	z-index: 1;
	opacity: 1;
}
.banner ul li.active .t1{
	top: 300px;
	opacity: 1;
}
.banner ul li.active .t2{
	top: 380px;
	opacity: 1;
}
.banner ul li .t2{
	height: 33px;
	top: 680px;
	-webkit-transition-delay: .2s;
}
.banner ol{
	width: auto;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -550px;
	top: 750px;
	opacity: 0;
	z-index: 10;
}
.banner ol li{
	width: 55px;
	height: 55px;
	float: left;
	border-top: 3px solid #FFFFFF;
	position: relative;
	margin-right: 5px;
	overflow: hidden;
	cursor: pointer;
}
.banner ol li.active{
	width: 210px;
	border-top: 3px solid #5af911;
}
.banner ol li .num{
	width: 55px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #FFFFFF;
	font-size: 40px;
	text-shadow: 0px 0px 5px #3e3e3e;
}
.banner ol li .text{
	width: 150px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 55px;
	top: 20px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px #174201;
}
.banner ol li:hover{
	border-top: 3px solid #5af911;
}
.banner ol li:hover .num,.banner ol li.active .text{
	color: #5af911;
	text-shadow: 0px 0px 5px #174201;
}
.banner ol li.active .num{
	color: #5af911;
}
.homeProduct{
	max-width: 1000px;
	height: auto;
	margin: 30px auto;
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
}
.homeProductGrally{
	width: 650px;
	height: 475px;
	float: left;
	position: relative;
	overflow: hidden;
}
.homeProductGrally ul{
	width: 6500px;
	height: 475px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.homeProductGrally ul li{
	width: 650px;
	height: 475px;
	float: left;
}
.btn{
	width: 33px;
	height: 65px;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	background:#000 url(../resources/homeProductIcon.png) -8.5px 0px no-repeat;
	cursor: pointer;
	opacity: .5;
}
.btn.prev{
	left: 0px;
	border-radius: 0px 5px 5px 0px;
}
.btn.next{
	right: 0px;
	background-position: -58.5px 0px;
	border-radius: 5px 0px 0px 5px;
}
.btn.prev:hover,.btn.next:hover{
	background-color: #60b768;
	opacity: 1;
}
.homeProductGrally ol{
	width: auto;
	height: 10px;
	position: absolute;
	left: 50%;
	bottom: 15px;
}
.homeProductGrally ol li{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #FFFFFF;
	opacity: 0.5;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.homeProductGrally ol li.active{
	opacity: 1;
}
.homeProductTitle{
	width: 330px;
	height: 150px;
	float: right;
	position: relative;
}
.homeProductTitle img{
	display: block;
	float: right;
}

.homeProductTitle .summay{
	width: 100%;
	height: auto;
	line-height: 22px;
	text-align: right;
	float: right;
	opacity: .7;	
	margin-top: 15px;
}
.homeProductThum{
	width: 330px;
	padding-left: 20px;
	height: 325px;
	float: right;
	background: url(../resources/productBg.jpg);
	position: relative;
}
.homeProductThum .num{
	width: 150px;
	height: 135px;
	position: absolute;
	right: 20px;
	top: 5px;
	line-height: 135px;
	font-size: 125px;
	text-align: center;
	font-style: italic;
	color: #377c10;
	opacity: .4;
	font-family: "microsoft yahei";
}
.homeProductThum .title{
	width: 150px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 170px;
	top: 90px;
	font-size: 28px;
	color: #4e321e;
	text-align: right;
}
.homeProductThum .summary{
	width: 310px;
	height: auto;
	position: absolute;
	right: 20px;
	top: 140px;
	text-align: right;
	line-height: 24px;
	opacity: .6;
}
.homeProductThum .more{
	width: 120px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 220px;
	display: block;
	background: #60b768;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
}
.homeProductThum .totalPage{
	width: 225px;
	height: 50px;
	position: absolute;
	right: 20px;
	bottom: 0px;
}
.totalPage .btn{
	width: 50px;
	height: 50px;
	float: left;
	background:#bebebe url(../resources/homeProductIcon.png) 0px -7.5px no-repeat;
	cursor: pointer;
}
.totalPage .btn.prev{
	
}
.totalPage .btn:hover{
	background-color: #60b768;
}
.totalPage .btn.next{
	background-position: -50px -7.5px;
}
.totalPage .totalText{
	width: 125px;
	height: 50px;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 35px;
	margin-left: 50px;
}
.totalPage .totalText span{
	color: #60b768;
}
.homeProductBg{
	width: 950px;
	height: 30px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url(../resources/productBg.jpg);
}
.homeAbout{
	width: 100%;
	height: 365px;
	background: #000000;
}
.homeAbout .homeVideo{
	width: 40%;
	height: 365px;
	float: left;
	background: url(../resources/videoBg.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
}
.videoLogo{
	width: 339px;
	height: 174px;
	background: url(../resources/aboutVideoLogo.png) no-repeat;
	position: absolute;
	right: 50px;
	top: 75px;
}
.videoLogo.c{
	right: 50%;
	margin-right: -170px;
	top: 50%;
	margin-top: -90px;
}
.videoLogo .videoBtn{
	width: 58px;
	height: 58px;
	position: absolute;
	left: 50%;
	margin-left: -29px;
	top: 50%;
	margin-top: 55px;
	background: url(../resources/videoPlayBtn.png) no-repeat;
	cursor: pointer;
}
.videoLogo:hover .videoBtn{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}
#lightBox{
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(../resources/blank7.png);
	z-index: 100;
	top: 0px;
	left: 0px;
	display: none;
}
.lightBox{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.lightBoxVideo{
	width: 800px;
	height: 450px;
	background: #000000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -405px;
	margin-top: -230px;
	border: 5px solid #FFFFFF;
	box-shadow: 0px 0px 5px #3E3E3E;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
  	animation-duration: 1s;
  	-webkit-transform-origin: center top;
  	-moz-transform-origin: center top;
  	transform-origin: center top;
}
.lightBoxVideo.active{
	-webkit-animation-name: flipInX;
  	animation-name: flipInX;
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  }
}
.lightBoxVideo video{
	position: absolute;
	background: #000000;
}
.lightBoxVideo .close{
	width: 50px;
	height: 50px;
	background: #1EAC25 url(../resources/close.png) center center no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
.lightBoxVideo:hover .close{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.videoLine{
	width: 1px;
	height: 600px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -800px;
}
.homeAbout .homeAboutBox{
	width: 60%;
	height: 365px;
	background: url(../resources/homeAboutBg.jpg) center top no-repeat;
	background-size: cover;
	float: left;
	position: relative;
}
.homeAboutBox .homeAboutRight{
	width: 500px;
	height: autopx;
	line-height: 28px;
	position: absolute;
	left: 50px;
	top: 100px;
	color: #FFFFFF;
}
.homeAboutBox .homeAboutRight a{
	width: 170px;
	height: 46px;
	display: block;
	background: url(../resources/moreBg.png) no-repeat;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	margin-top: 35px;
}
.homeAboutBox .homeAboutRight a:hover{
	background-position: 0px -46px;
	color: #60b768;
}
.homeAboutBox .homeAboutEwm{
	width: 130px;
	height: 110px;
	position: absolute;
	left: 600px;
	top: 100px;
}
.homeAboutBox .homeAboutEwm img{
	display: block;
	margin-left: 10px;
}
.homeAboutBox .homeAboutEwm p{
	font-size: 12px;
	color: #FFFFFF;
	opacity: .6;
	text-align: center;
	margin-top: 10px;
}
.homeNews{
	max-width: 1000px;
	height: auto;
	margin: 50px auto;
	overflow: hidden;
}
.homeNewsLeft,.homeNewsRight{
	width: 475px;
	height: auto;
	float: left;
}
.homeNewsRight{
	width: 475px;
	margin-left: 50px;
}
.homeNewsTitle{
	width: 100%;
	height: 80px;
	margin-bottom: 25px;
	margin-top: 0px;
}
.homeNewsBox{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	margin-bottom: 25px;
}
.homeNewsBox img{
	display: block;
}
.homeNewsBox .title{
	width: 100%;
	height: 32px;
	overflow: hidden;
	margin: 15px auto;
}
.homeNewsBox .title .icon{
	width: 56px;
	height: 42px;
	float: left;
	background: url(../resources/homeNewsIcon.png) no-repeat;
	margin-top: -5px;
}
.homeNewsBox .title:hover .icon{
	background-position: 0px -42px;
}
.homeNewsBox .title.second:hover .icon{
	background-position: -56px -42px;
}
.homeNewsBox .title.three:hover .icon{
	background-position: -112px -42px;
}
.homeNewsBox .title.second .icon{
	background-position: -56px 0px;
}
.homeNewsBox .title.three .icon{
	background-position: -112px 0px;
}
.homeNewsBox .title.four .icon{
	background-position: -168px 0px;
}
.homeNewsBox .title.four:hover .icon{
	background-position: -168px -42px;
}
.homeNewsBox .title .text{
	width: 405px;
	height: auto;
	float: right;
	line-height: 32px;
	font-size: 18px;
}
.homeNewsBox.r .title .text{
	width: 405px;
}
.homeNewsBox .summary{
	line-height: 24px;
	opacity: .8;
	font-family: "microsoft yahei";
}
.homeNewsBox .iconTitle{
	width: 85px;
	height: 86px;
	position: absolute;
	right: 0px;
	top: 0px;
}
/********底部******/
#footer {
  width: 100%;
  height: 375px;
  overflow: hidden;
  background:url(../resources/footerBg.jpg) repeat-x;
  position: relative;
}

#footer .linkBox {
  width: 1000px;
  height: auto;
  margin: auto;
  overflow: hidden;
  margin-top: 40px;
  font-family: "microsoft yahei";
}
#footer .linkBox li {
  float: left;
  margin-right: 75px;
}
#footer .linkBox li a {
  display: block;
  width: 100%;
  color: #3E3E3E;
  font-size: 12px;
  line-height: 28px;
  opacity: .8;
}
#footer .linkBox li a:hover{
	opacity: 1;
}
#footer .linkBox li .tit {
  color: #519325;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
#footer .linkBox .ewmBox{
	width: 300px;
	height: auto;
	float: right;
}
.ewmBox .tel{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 35px;
	font-family: georgia;
	color: #67b942;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: right;
}
.ewmBox .tel span{
	width: 31px;
	height: 31px;
	background: url(../resources/telIcon.jpg) no-repeat;
	display: block;
	position: absolute;
	left: 31px;
	top: -5px;
}
.ewmBox .ewmList{
	width: 130px;
	height: auto;
	float: right;
}
.ewmBox .ewmList img{
	display: block;
	margin-left: 10px;
}
.ewmBox .ewmList p{
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
}
#footer .copy {
  width: 100%;
  height: 75px;
  color: #a3a3a3;
  line-height: 75px;
  background: #0d2a00;
  text-align: right;
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-size: 12px;
}
.copy .copyCenter{
	max-width: 1000px;
	height: auto;
	margin: auto;
}
#footer .copy .footerLogo{
	float: left;
	display: block;
}
#footer .copy a {
  color: #a3a3a3;
  cursor:default;
}
#footer .copy a.sw{
	cursor: pointer;
}
#footer .copy span {
  margin-left: 20px;
  cursor: pointer;
}
#footer .copy span:hover a {
  color: #FFFFFF;
}
.backTop{ 
    width: 80px; 
    height: 80px; 
    position: fixed; 
    right: 50px; 
    bottom: -100px; 
    background:#FFFFFF url(../resources/backTop.png) 0px 0px no-repeat; 
    cursor: pointer; 
    z-index: 50;
}
.backTop:hover{ 
    background:#60b768 url(../resources/backTop.png) 0px -80px no-repeat;
}
.backTop.active{ 
    bottom: 50px;
}

/******自定义样式*****/
.ov_h { overflow: hidden; }
.container1000 { width: 1000px; height: auto; position: relative; margin: auto; }
.bs { box-sizing: border-box; -webkit-box-sizing: border-box; }
.mr0 { margin-right: 0px !important; }
.imgs { font-size: 0px; }

/*****企业简介*****/
#about { height: auto; position: relative; }

/****企业简介*****/
#about .introduced { width: 100%; height: auto; background: #fafafa; overflow: hidden; padding-bottom: 25px;}
#about .introduced .imgs { font-size: 0px; width: 50%; float: left; }
#about .introduced .textBox { width: 48%; margin-left: 2%; float: left; padding-top: 2%; }
#about .introduced .textBox .tit { font-size: 0px; }
#about .introduced .textBox .texts { margin-top: 30px; font-family: "microsoft yahei"; }

/****董事长致辞*****/
#about .message { width: 100%; height: auto; background: url(../resources/aboutBg.jpg); padding-top: 35px; padding-bottom: 50px; }
#about .message .container1000 { position: relative; }
#about .message .titBox { width: 340px; height: 550px; position: relative; }
#about .message .titBox .bg { width: 100%; height: 500px; background: #f4f4f4; position: absolute; z-index: 0; bottom: 0px; }
#about .message .tit { width: 100%; text-align: center; background: url(../resources/aboutTitBg2.png) no-repeat center; background-size: cover; height: 90px; line-height: 120px; font-size: 0px; position: relative; z-index: 10; }
#about .message .tit img { vertical-align: middle; }
#about .message .textBox { width: 84%; padding: 20px 3%; position: absolute; left: 5%; bottom: 50px; line-height: 24px; z-index: 10; }
#about .message .textBox .textBg { width: 100%; height: 100%; bottom: 0px; position: absolute; left: 0%; z-index: 6; background: #a3e5a6; filter: alpha(opacity=30); opacity: 0.3; }
#about .message .textBox .texts { position: relative; z-index: 10; font-family: "microsoft yahei"; }

/****组织架构*****/
#about .infrastructure { width: 100%; height: auto; padding: 50px 0 120px; background: url(../resources/infrastructureBg.jpg) no-repeat center; background-size: cover; }
#about .infrastructure .title { font-size: 0px; text-align: center; }
#about .infrastructure .imgs { font-size: 0px; text-align: center; padding-top: 50px; }

/****社会责任*****/
#about .responsibility { width: 100%; height: auto; background: url(../resources/aboutBg.jpg); padding-top: 80px; padding-bottom: 100px; }
#about .responsibility .title { width: 100%; height: auto; font-size: 0px; text-align: center; }
#about .responsibility .listBox { width: 1000px; margin: 80px auto 0; height: auto; position: relative; }
#about .responsibility .listBox .btn { width: 82px; height: 82px; cursor: pointer; position: absolute; top: 50%; margin-top: -41px; background: url(../resources/responsibilityBtn.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; transition-duration: .3s; -webkit-transition-duration: .3s; }
#about .responsibility .listBox .btn:hover { filter: alpha(opacity=100); opacity: 1; }
#about .responsibility .listBox .btnPrev { left: -100px; background-position: left center; display: none; }
#about .responsibility .listBox .btnNext { right: -100px; background-position: right center; }
#about .responsibility .listBox .list { width: 100%; height: auto; overflow: hidden; }
#about .responsibility .listBox .list ul { overflow: hidden; }
#about .responsibility .listBox .list li { float: left; }
#about .responsibility .listBox .list li:hover .titBox { background: #41b847; }
#about .responsibility .listBox .list li:hover .titBox span { color: #FFFFFF; }
#about .responsibility .listBox .list li:hover .titBox .arrow { background-position: -7px center; }
#about .responsibility .listBox .list .titBox { height: 40px; width: 94%; padding: 0 3%; line-height: 40px; background: #ededed; margin-top: 20px; font-size: 15px; transition-duration: .5s; -webkit-transition-duration: .5s; }
#about .responsibility .listBox .list .titBox span { float: left; display: block; transition-duration: .5s; -webkit-transition-duration: .5s; }
#about .responsibility .listBox .list .titBox .arrow { width: 25px; height: 100%; float: left; background: url(../resources/structBtn.png) no-repeat -40px; }
#about .responsibility .listBox .list .titBox .more { font-size: 12px; float: right; }

/****视频******/
#about .video { width: 100%; height: 700px; overflow: hidden; position: relative; cursor: pointer; }
#about .video .bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/playBg.jpg) no-repeat center; background-size: cover; }
#about .video .btn { font-size: 0px; position: absolute; z-index: 10; width: 340px; height: 203px; left: 50%; margin-left: -170px; top: 50%; margin-top: -102px; }

/******新闻*****/
#news {height: auto; position: relative; }
#news .banner { width: 100%; height: auto; font-size: 0px; }
#news .newsBox { width: 100%; height: auto; position: relative; padding: 25px 0px;}
#news .newsBox .title { font-size: 0px; text-align: center; }
#news .newsBox .titBox { width: 1000px; height: 52px; position: relative; margin: auto; margin-top: 25px; }
#news .newsBox .titBox ul { width: 1000px; height: 52px; line-height: 52px; position: relative; perspective: 9000; -webkit-perspective: 9000; z-index: 50; }
#news .newsBox .titBox li { width: 250px; height: 100%; margin: 0 40px; float: left; text-align: center; }
#news .newsBox .titBox.kitchen li{ width: 150px; margin: 0px 8px; text-align: left; text-indent: 20px;}
#news .newsBox .titBox.kitchen li.center{
	text-align: center;
	text-indent: 0px;
}
#news .newsBox .titBox.kitchen li.right{
	text-indent: 10px;
}
#news .newsBox .titBox li:hover a, #news .newsBox .titBox li.active a { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); }
#news .newsBox .titBox a { display: block; transition-duration: .5s; -webkit-transition-duration: .5s; width: 100%; height: 100%; transform-style: preserve-3d; position: relative; -webkit-transform-style: preserve-3d; }
#news .newsBox .titBox a > div { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: #FFFFFF; font-size: 20px; }
#news .newsBox .titBox .d1 { background: url(../resources/titArrow.png) no-repeat #191817 bottom right; transform: translateZ(26px); -webkit-transform: translateZ(26px); }
#news .newsBox .titBox .d2 { background: url(../resources/titArrow.png) no-repeat #41b847 top right; transform: rotateX(-90deg) translateZ(26px); -webkit-transform: rotateX(-90deg) translateZ(26px); }
#news .listBox { width: 1000px; height: auto; position: relative; margin: auto; text-align: center; padding-bottom: 50px; }
#news .listBox .list { text-align: left; }
#news .listBox .list li { width: 100%; height: auto; overflow: hidden; transition-duration: .3s; -webkit-transition-duration: .3s; background: #e6e5e5; height: 180px; margin-bottom: 22px; }
#news .listBox .list li:hover { background: #41b847; }
#news .listBox .list li:hover .time { color: #FFFFFF; }
#news .listBox .list li:hover .time .date { border-bottom-color: #FFFFFF; }
#news .listBox .list li:hover .btn { background: url(../resources/newBtn2.png) no-repeat center; }
#news .listBox .list li:hover .textBox .tit { color: #FFFFFF; border-bottom-color: #FFFFFF; }
#news .listBox .list li:hover .textBox .text { color: #FFFFFF; }
#news .listBox .list li a { display: block; width: 100%; height: 100%; }
#news .listBox .list li .time { float: left; width: 120px; padding: 0 30px; text-align: center; height: 180px; color: #9c9c9c; font-family: arial; font-weight: bold; transition-duration: .3s; -webkit-transition-duration: .3s; }
#news .listBox .list li .time .date { font-size: 42px; border-bottom: 1px solid #9c9c9c; padding-top: 40px; }
#news .listBox .list li .time .year { font-size: 20px; margin-top: 8px; }
#news .listBox .list li .imgs { float: left; width: 272px; margin-right: 30px; }
#news .listBox .list li .textBox { float: left; width: 720px; }
#news .listBox .list li .textBox .tit { display: inline-block; font-size: 16px; color: #333333; font-weight: bold; padding-top: 20px; border-bottom: 1px solid #9C9C9C; line-height: 35px; transition-duration: .3s; -webkit-transition-duration: .3s; }
#news .listBox .list li .textBox .text { line-height: 24px; padding-top: 20px; transition-duration: .3s; -webkit-transition-duration: .3s; font-family: "microsoft yahei"; opacity: .6;}
#news .listBox .list li .btn { width: 100px; height: 100%; background: url(../resources/newBtn.png) no-repeat center; float: left; transition-duration: .5s; -webkit-transition-duration: .5s; position: relative; top: 0; margin-top: 0;}
#news .listBox .pageList { display: inline-block; margin-top: 40px; }
#news .listBox .pageList li { float: left; margin: 0 10px; width: 30px; height: 30px; }
#news .listBox .pageList .page { border-radius: 50%; cursor: pointer; font-size: 20px; line-height: 30px; }
#news .listBox .pageList .page.active { background: #41b847; color: #FFFFFF; }
#news .listBox .pageList .btn { background: url(../resources/pageBtn.png) no-repeat; position: relative; top: 0; top: 0;}
#news .listBox .pageList .btnPrev { background-position: -12px center; }
#news .listBox .pageList .btnNext { background-position: -60px center; }

/*****产品页面*****/
/*****产品页面*****/
#product{ height: auto; position: relative; } 
#product .prductList{ width: 100%; height:auto; position: relative; overflow: hidden; background: #fafafa; padding-top: 35px;}
#product .prductList .ulBox{ width: 100%; height: auto; position: relative; }
#product .prductList ul{ width: 100%; height: 380px; position: relative; overflow: hidden;padding-bottom: 20px;}
#product .prductList li{ width: 264px; height: auto; position: absolute; top: 50%; z-index: 0; font-size: 0px; box-shadow: -5px 5px 10px rgba(0,0,0,.4); transition-duration: .8s; -webkit-transition-duration: .8s;}
#product .prductList li.cur1{ width: 790px; top: 40px; z-index: 9; left: 0%; margin-left: -420px;}
#product .prductList li.cur2{ width: 1000px; top: 0px; left: 50%; margin-left: -500px; z-index: 10;}
#product .prductList li.cur3{ width: 790px; top: 40px; z-index: 9; left: 100%; margin-left: -370px;}
#product .prductList .btn{ width: 100px; height: 100px; background: url(../resources/productBtn.png); position: absolute; top: 50%; margin-top: -50px; z-index: 20; cursor: pointer;}
#product .prductList .btnPrev{ background-position: left center; left: 5%;}
#product .prductList .btnNext{ background-position: right center; right: 5%;}

#product .textList{ width: 100%; height: auto; padding: 30px 0 25px; margin: auto; position: relative; background: #fafafa; }
#product .textList ul{ overflow: hidden;}
#product .textList li{ width: 100%; float: left;}
#product .textList .bigFont{ font-size: 125px; color: #377c10; font-weight: bold; opacity: .4; filter: alpha(opacity=40); float: left;}
#product .textList .tit{ font-size: 28px; margin:0 20px ; color: #4e321e; font-weight: lighter; float: left; line-height: 200px; height: 150px;}
#product .textList .border{ border-right: 1px solid #c3c3c3; height: 60px; display: inline-block; float: left; position: relative; top: 80px; margin-right: 25px;}
#product .textList .texts{ line-height: 26px; position: relative; top: 70px; float: left; width: 630px; font-family: "microsoft yahei"; opacity: .6;}
#product .textList .down{ width: 90px; height: 90px; display: inline-block; background: url(../resources/productDown.png) no-repeat center; background-size: cover; float: right; position: relative; top: 50px;}

#product .titleList { width: 1000px; height: auto; position: relative; margin: auto;}
#product .titleList ul { width: 100%; height: 52px; line-height: 52px; position: relative; perspective: 9000; -webkit-perspective: 9000; }
#product .titleList li { width: 166.66px; height: 100%; float: left; text-align: center; }
#product .titleList li:hover a, #product .titleList li.active a { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); }
#product .titleList a { display: block; transition-duration: .5s; -webkit-transition-duration: .5s; width: 100%; height: 100%; transform-style: preserve-3d; position: relative; -webkit-transform-style: preserve-3d; }
#product .titleList a > div { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: #FFFFFF; font-size: 16px; }
#product .titleList .d1 { background: url(../resources/titArrow.png) no-repeat #e2e2e2 107px bottom; transform: translateZ(26px); color: #333333; -webkit-transform: translateZ(26px); }
#product .titleList .d2 { background: url(../resources/titArrow.png) no-repeat #41b847 107px top; transform: rotateX(-90deg) translateZ(26px); -webkit-transform: rotateX(-90deg) translateZ(26px); }

#product .productBox{ width: 100%; height: auto; margin: auto; }
#product .productBox .list{ width: 1000px; height: auto; margin:100px auto 0;}
#product .productBox .list li{ width: 100%; height: 350px; position: relative; margin-top: 150px;}
#product .productBox .list .imgs{ position: absolute; font-size: 0px; width: 550px; height: 402px; bottom: 30px; background: #FFFFFF;}
#product .productBox .list .imgs .boxs{ width: 550px; height: 402px; position: absolute; left: 0px; top: 0px; display: none;}
#product .productBox .list .textBox{ width: 95%; margin-left: 5%; background: #41b847; height: 100%;}
#product .productBox .list .texts{ width: 370px; float: right; margin-right: 30px; padding-top: 50px;}
#product .productBox .list .tit{ font-size: 24px; color: #ffffff; display: inline-block; border-bottom: 1px solid #FFFFFF; line-height: 44px;}
#product .productBox .list .text{ color: #e3e3e3; line-height: 26px; padding-top: 20px; font-family: "microsoft yahei";}

#product .productBox .list li.odd .imgs{ left: auto; right: 0%; position: absolute;}
#product .productBox .list li.odd .textBox{ margin-left: 0%; margin-right: 5%; background: url(../resources/productBg.jpg);}
#product .productBox .list li.odd .texts{ float: left; margin-right: 0px; margin-left: 30px; }
#product .productBox .list li.odd .tit{ color: #333333; border-color: #adadad;}
#product .productBox .list li.odd .text{color: #666666;}
.spinner { margin: auto; padding: 50px 0; width: 50px; height: 60px; text-align: center; font-size: 10px; cursor: pointer; }
.spinner.cur { transform: scaleY(1); -webkit-transform: scaleY(1); }
.spinner.cur > div { -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }
.spinner.cur .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner.cur .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner.cur .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner.cur .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.spinner > div { background-color: #f0f0f0; height: 100%; width: 6px; display: inline-block; transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
@-webkit-keyframes stretchdelay { 0%, 40%, 100% {
 -webkit-transform: scaleY(0.4);
}
 20% {
 -webkit-transform: scaleY(1.0);
}
}
@keyframes stretchdelay { 0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
 20% {
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
}
}



/**********联系我们********************/
#contact{
	width: 100%;
	height: auto;
	background: #FFFFFF;
}
.contactTop{
	width: 1000px;
	height: 150px;
	margin: auto;
}
.contactTop ul li{
	width: 33.3%;
	height: 100px;
	padding: 25px 0px;
	float: left;
}
.contactTop ul li .icon{
	width: 60px;
	height: 60px;
	margin: auto;
	background: url(../resources/contactIcon.png) no-repeat;
}
.contactTop ul li.first .icon{
	background-position: 0px 0px;
}
.contactTop ul li.second .icon{
	background-position: -60px 0px;
}
.contactTop ul li.three .icon{
	background-position: -120px 0px;
}
.contactTop ul li p{
	width: 100%;
	text-align: center;
	line-height: 40px;
}
.contactTop ul li.second p{
	font-size: 24px;
	font-weight: bold;
	color: #41b847;
}
.contactBox{
	max-width: 1000px;
	height: 400px;
	position: relative;
	margin: 25px auto;
	border: 1px solid #dcdcdc;
}
.contactBox .map{
	width: 100%;
	height: 400px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.contactBox .mapNav{
	width: 100%;
	height: 45px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.contactBox .mapNav ul li.first{
	margin-left: -1px;
}
.contactBox .mapNav ul li{
	width: 250px;
	height: 45px;
	float: left;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	background: #FFFFFF;
	color: #41b847;
	margin-right: 10px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
.contactBox .mapNav ul li.active{
	background: #41b847;
	color: #FFFFFF;
}
.contactCenter{
	max-width: 1000px;
	height: auto;
	margin:0px auto 50px auto;
}
.contactInput{
	width: 100%;
	height: auto;
	overflow: hidden;
}
/**********公交查询********************/
.secBtn{
	width:250px;
	height:45px;
	border-radius:3px;
	cursor:pointer;
	float: right;
	margin-top: 10px;
	background: #41b847;
	color: #FFFFFF;
}
#showResults{
	border-top:1px solid #ddd;
	display:none;
	margin-top: 25px;
}
.roadline_result{
	border:1px solid #DDD;
	padding-bottom: 10px;
}
.roadline_result table{
	width:100%;
}
.roadline_result h4{
	height:30px;
	border-bottom:1px solid #DDD;
	background:#f7f7f7;
}
.roadline_result h4 li{
	height:30px;
	padding:0 10px;
	line-height:30px;
	font-weight:100;
	float:left;
	border-right:1px solid #DDD;
	cursor:pointer;
}
.roadline_result h4 li.cur{
	color:#0a8353;
	font-weight:bold;
	position:relative;
	border-bottom:1px solid #FFF;
	background:#FFF;
	margin-bottom:-1px;
}
.busTips{
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.roadline_detail{
	min-height:100px;
	_height:100px;
	margin-top:15px;
	padding:0 10px;
}
.map_area{
	width:100%;
	height:370px;
	overflow:hidden;
}
.roadline{
	height:46px;
	overflow:hidden;
}
.roadline a{
	display:block;
	float:left;
	width:322px;
	height:44px;
	font:bold 14px/44px Microsoft YaHei;
	text-align:center;
	background:url(../images/overlay.png) #efefef 0 -24px repeat-x;
	border:1px solid #ddd;
}
.roadline .mgl20{
	margin-left:20px;
}
.roadinput{
	width:276px;
	height:26px;
	vertical-align:middle;
	padding:0 5px;
	line-height:26px;
}
.contactInput li{ 
	width: 48%; 
	height: 90px; 
	float: left; 
}
.contactInput li strong{ 
	display: block; 
	width: 100%; 
	line-height: 30px; 
	font-size: 18px;
}
.contactInput li input,.contactInput li p{ 
	display: block; 
	width: 99%; 
	height: 50px; 
	border: 1px solid #e5e5e5; 
	margin-top: 8px;
	text-indent: 20px;
	line-height: 50px;
}
.contactInput li.odd{ 
	margin-left: 4%;
}
.contactList{
	width: 100%;
	height: 140px;
	margin: 25px auto;
}
.contactList li{
	width: 23.5%;
	height: 140px;
	float: left;
	background: #f6f6f6;
	margin-right: 2%;
}
.contactList li.four{
	margin-right: 0px;
	width: 23.5%;
}
.contactList li .title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent: 20px;
	margin-top: 18px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.contactList li .tel{
	width: 100%;
	height: 25px;
}
.contactList li .tel .icon{
	width: 25px;
	height: 25px;
	float: left;
	margin-left: 20px;
}
.contactList li .tel p{
	float: left;
	line-height: 25px;
	margin-left: 5px;
	font-size: 20px;
	color: #41b847;
	font-weight: bold;
}
.contactList li .address{
	width: 100%;
	height: 40px;
	background: #41b847;
	margin-top: 10px;
	color: #FFFFFF;
	padding: 5px 0px;
	line-height: 20px;
}
.contactList li .address .icon{
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
}
.contactList li .address p{
	float: left;
	margin-left: 7px;
}

/**********下载中心********************/
.download{ 
	max-width: 1000px; 
	height: auto; 
	margin:0px auto;
}
.downloadBz,.downloadVideo{
	height: auto;
	float: left;
}
.downloadBz{
	width: 635px;
	border-right: 1px solid #e6e6e6;
	padding-right: 15px;
	margin-right: 15px;
}
.bzList{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15px;
}
.bzList li{
	width: 310px;
	height: auto;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.bzList li.odd{
	margin-right: 0px;
}
.bzList li img{
	display: block;
}
.bzList li .thum{
	width: 300px;
	border: 5px solid #FFFFFF;
	display: block;
	box-shadow: 0px 0px 5px #9C9C9C;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.bzList li .thum .videoBtn{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,.5);
	cursor: pointer;
}
.bzList li .thum .videoBtn img{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -11px;
	margin-top: -17px;
}
.bzList li .thum:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.bzList li .title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
	position: relative;
}
.bzList li .title .name{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.bzList li .title .dl{
	width: 50px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	text-align: right;
}
.bzList li .title .dl:hover{
	color: #2bc833;
}
.bzList li .title .dl span{
	width: 17px;
	height: 16px;
	display: block;
	background: url(../resources/downloadIcon.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 12px;
}
.downloadVideo{
	width: 320px;
}
.downloadTitle{
	width: 608px;
	height: 30px;
	border-left: 6px solid #41b847;
	line-height: 30px;
	text-indent: 15px;
}
.downloadTitle.v{
	width: 280px;
}

/**********晒家********************/
#homeList{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 50px;
}
.homeList{
	width: 100%;
	height: auto;
	position: relative;
}

.homeList li{
	width: 320px;
	height: auto;
	border: 1px solid #f0efef;
	position: relative;
	padding-bottom: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.homeList li img{
	display: block;
}
.homeList li .homeDown{
	width: 300px;
	height: auto;
	padding: 10px;
}
.homeList li .homeDown .title{
	width: 100%;
	height: auto;
	line-height: 28px;
	font-size: 18px;
	font-weight: bold;
	color: #60b768;
}
.homeList li .homeDown .summary{
	width: 100%;
	height: auto;
	font-size: 12px;
	opacity: .5;
	line-height: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 10px;
}
.homeList li .dh{
	width: 100%;
	height: 15px;
	position: relative;
}
.homeList li .dhIconUp{
	width: 18px;
	height: 15px;
	background: url(../resources/icons.png) no-repeat;
	margin-left: 10px;
}
.homeList li .dhIconUp.down{
	background-position: 0px -15px;
	float: right;
	margin-right: 10px;
}
.homeList li .detail{
	width: 94%;
	padding: 10px 3%;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	font-family: "microsoft yahei";
}

/*****人力资源*****/
.hr{
	max-width: 1000px;
	margin: auto;
	line-height: 28px;
	text-indent: 28px;
	padding: 25px 0px;
	font-family: "microsoft yahei";
}
.hrList{
	max-width: 1000px;
	height: auto;
	margin: auto;
	margin-top: 25px;
}
.hrList ul li{
	width: 100%;
	height: 220px;
	margin-bottom: 25px;
	background: #e6e5e5;
}
.hrList ul li .l,.hrList ul li .c,.hrList ul li .r{
	width: 220px;
	height: 220px;
	float: left;
	position: relative;
}
.hrList ul li .l{
	width: 180px;
	height: 180px;
	padding: 20px;
}

.hrList ul li .l h2{
	display: block;
	width: 100%;
	line-height: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9c9c9c;
}
.hrList ul li .l .summary{
	width: 100%;
	height: auto;
	line-height: 30px;
	padding: 10px 0px;
}
.hrList ul li .l .date{
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.hrList ul li .c{
	width: 300px;
}
.hrList ul li .r{
	width: 440px;
	height: 180px;
	padding: 20px;
	line-height: 24px;
	font-size: 12px;
	overflow-y: auto;
	position: relative;
	font-family: "microsoft yahei";
}
.hrList ul li .r strong{
	font-size: 14px
}
.hrList ul li .r .sendMore{
	display: block;
	width: 140px;
	height: 35px;
	border: 1px solid #50cd56;
	color: #50cd56;
	line-height: 35px;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
}
.hrList ul li .r .sendMore:hover{
	border-radius: 35px;
}
.hrList ul li:hover{
	background: #50cd56;
	color: #FFFFFF;
}
.hrList ul li:hover .l h2{
	border-bottom: 1px solid #FFFFFF;
}
.hrList ul li:hover .r .sendMore{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.homeList li .mark{
	width: 85px;
	height: 86px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#newsDetail{
    max-width:1000px; 
    margin:auto; 
    margin-bottom: 50px;
}
#newsDetail .back{ 
    width: 100%;
    height: 50px;
    position: relative;
}
#newsDetail .back a{ 
    display: block; 
    width: 150px; 
    height: 40px; 
    background: #FFFFFF; 
    color: #60b768; 
    line-height: 40px; 
    text-align: center; 
    position: absolute;
    top: 20px; 
    right: 0px;  
    border: 1px solid #60b768;
}
#newsDetail .back a:hover{ 
    background: #60b768; 
    color: #FFFFFF;
}
#newsDetail .title{ 
    width:90%; 
    height:auto; 
    line-height:35px; 
    text-align:center; 
    font-size:24px; 
    font-weight:bold; 
    padding:35px 5% 15px 5%;
}
#newsDetail .summary{ 
    width:100%; 
    height:auto; 
    line-height:20px; 
    font-size:12px; 
    text-align:center; 
    color: #666666;
    padding-bottom:15px; 
    border-bottom:1px dotted #ccc;
}
#newsDetail .summary span{ 
    font-size:14px; 
    font-family:Georgia,Times, serif; 
    color:#ff0000; 
    font-weight:bold;
}
#newsDetail .detailContent{ 
    width:100%; 
    min-height:300px; 
    margin:25px 0px; 
    line-height:28px; 
    text-indent:28px; 
    color: #3E3E3E;
    font-family: "microsoft yahei";
}
#newsDetail .detailContent img{
    text-indent: 0px;
}
#newsDetail .newShare{ 
    width:100%; 
    height:25px; 
    position:relative; 
    margin:15px 0px 35px 0px;
}
#newsDetail .newShare strong{ 
    float:right; 
    margin-right:10px;
}

#newsDetail .detailPage{ 
    width:100%; 
    height:auto;
}
#newsDetail .detailPage div{
    width:100%;
    line-height:20px; 
    border-bottom:1px dotted #ccc; 
    font-size:14px; height:auto; 
    padding: 5px 0px; 
    font-weight: bold;
    font-family: "microsoft yahei";
}
#newsDetail .detailPage div a{
	font-weight: normal;
}
#newsDetail .detailPage a:hover{
	color: #519325;
}


/************专卖店********************/
/************专卖店********************/
#store{ width: 100%; height: auto;}
#store .changeBox{ width: 100%; height: auto; position: relative;  padding-top: 30px; background: #202438; padding-bottom: 30px; overflow: hidden;}
#store .changeBox .list{ width: 100%; height: 465px; overflow: hidden; position: relative;}
#store .changeBox .list li{ width: 500px; transition-duration: .8s; -webkit-transition-duration: .8s; position: absolute; left: 50%; margin-left: -250px; top: 50px; z-index: 0; font-size: 0px;}
#store .changeBox .list li.cur0{ width: 858px; position: absolute; left: 0; margin-left: 0px; top: 33px; z-index: 9;}
#store .changeBox .list li.cur1{ width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 0px; z-index: 10;}
#store .changeBox .list li.cur2{ width: 858px; position: absolute; left: auto; margin-left: 0px;  top: 33px; z-index: 9;}

#store .changeBox .btn{ width: 50px; height: 50px; position: absolute; background: url(../resources/storeBtn.png) no-repeat #232120; background-size: cover; z-index: 20; cursor: pointer; top: 50%; margin-top: -25px; transition-duration: .3s; -webkit-transition-duration: .3s;}
#store .changeBox .btn:hover{ background-color: #1eac25;}
#store .changeBox .btnPrev{ left: 50%; margin-left: -550px; background-position: left;}
#store .changeBox .btnNext{ left: 50%; margin-left: 500px; background-position: right;}
#store .btnBox{ width: 100%; height: auto; text-align: center; background: #202438; padding-bottom: 30px; overflow: hidden; padding-top: 10px;}
#store .btnBox ul{ width: 100%; height: auto;}
#store .btnBox ul li{ width: 177px; cursor: pointer; height: 83px; font-size: 0px; display: inline-block; margin: 0 10px; transition-duration: .3s; -webkit-transition-duration: .3s;}
#store .btnBox ul li:hover,#store .btnBox ul li.active{ border-bottom:4px solid #2fc236; transform: translateY(-10px); -webkit-transform: translateY(-10px);}
#store .btnBox ul li .border{ width: 100%; height: 4px; }

#store .typeBox{ width: 1000px; margin: auto; height: auto; overflow: hidden; padding-bottom: 70px;}
#store .typeBox ul{ width: 100000px; height: auto; overflow: hidden; margin-left: -390px;}
#store .typeBox ul li{ width: 300px; height: auto; overflow: hidden; margin-right: 50px; float: left; cursor: pointer;color: #999999; }
#store .typeBox ul li .imgs{ width: 300px; height: 138px;}
#store .typeBox ul li .tit{ width: 100%; height: 75px; line-height: 75px; position: relative; font-size: 24px; }
#store .typeBox ul li .sj{ display: inline-block; width: 0px;  height: 0px; border: 5px solid transparent; display: none; position: relative; top: -5px;}
#store .typeBox ul li .sjL{ border-right-color: #999999;}
#store .typeBox ul li .sjR{ border-left-color: #999999;}
#store .typeBox ul li .sjT{ border-bottom-color: #66ba6a; position: absolute; left: 50%; margin-left: -5px; top: 10px;}
#store .typeBox ul li .text{ display: inline-block;}
#store .typeBox ul li.active{ text-align: center; color: #66ba6a;}
#store .typeBox ul li.active .sjT{ display: inline-block;}
#store .typeBox ul li.prev{ text-align: left;}
#store .typeBox ul li.prev .sjL{ display: inline-block;}
#store .typeBox ul li.next{ text-align: right;}
#store .typeBox ul li.next .sjR{ display: inline-block;}
#product .productBox #news .newsBox .titBox.fix{ position: fixed; top: 0px; left: 50%; margin-left: -500px; z-index: 100;}
.boxbtn{ width: auto; height: 10px; position: absolute; left: 20px; bottom: 20px;}
.boxbtn span{ width: 10px; height: 10px; float: left; margin-right: 10px; background: #41b847; border-radius: 10px; opacity: .2; display: block;}
.boxbtn span.active{ opacity: 1;}
